<!doctype html>
<html lang="en">

<head>

    <!-- Basic Page Needs
    ================================================== -->
    <title>留言板</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="TubeLite is - Professional A unique and beautiful collection of UI elements">
    <link rel="icon" href="assets/images/favicon.png">

    <!-- CSS 
    ================================================== -->
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/night-mode.css">
    <link rel="stylesheet" href="assets/css/framework.css">

    <!-- icons
    ================================================== -->
    <link rel="stylesheet" href="assets/css/icons.css">

    <!-- Google font
    ================================================== -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">

</head>

<body>

    <!-- Wrapper -->
    <div id="wrapper">

        <!-- sidebar -->
        <div class="main_sidebar">
            <div class="side-overlay" uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></div>

            <!-- sidebar header -->
            <div class="sidebar-header">
                <h4> 萤火虫博客 </h4>
                <span class="btn-close" uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></span>
            </div>

            <!-- sidebar Menu -->
            <div class="sidebar">
                <div class="sidebar_innr" data-simplebar>

                    <div class="sections">
                        <h3> 导航 </h3>
                        <ul>
                            <li> <a href="home.html"> <i class="uil-home-alt"></i> <span> 主页 </span> </a></li>
                            <li> <a href="browse-channals.html"> 
                                <i class="uil-users-alt"></i> <span> 博主 </span> </a></li>
                            <li> <a href="your-watch-later.html"> <i class="uil-clock"></i> <span> 博客(九宫格) </span> </a></li>
                            <li> <a href="your-laked-videos.html"> <i class="uil-layers"></i> <span>  博客(列表) </span> </a></li>
							<li> <a href="your-history.html"> <i class="uil-history"></i> <span> 关于 </span> </a></li>
                            <li class="active"> <a href="browse-catagroies.html"> <i class="uil-thumbs-up"></i> <span> 留言板</span> </a></li>
                            <!-- <li> <a href="your-history.html"> <i class="uil-history"></i> <span> 归档 </span> </a></li> -->
                        </ul>
                    </div>


                   <div class="sections">
                        <h3> 订阅 </h3>
                        <ul>
                            <li v-for="(item,index) in user" v-if="index < 4"> <a :href="'single-channal.html?email='+item.email"> <img src="assets/images/avatars/avatar-1.jpg" alt="">
                                    <span> {{item.username}} </span> <span class="dot-notiv"></span></a></li>
                        </ul>

                        <div class="uk-flex uk-flex-center mb-3">
                            <a href="browse-channals.html" class="button default circle px-5">
                                <i class="uil-plus mr-2"></i> 订阅更多 </a>
                        </div>

                    </div>

                    <div class="sections">
                        <h3> 更多 </h3>
                        <ul>
                            <li> <a href="page-setting.html"><i class="uil-cog"></i> <span> 设置 </span> </a></li>
                            <li> <a href="simple.html"><i class="uil-edit"></i> <span> 发布  </span></a></li>
                            <!-- <li> <a href="#"><i class="uil-layers"></i> <span> 扩展 </span> </a>
                                <ul>
                                    <li>
                                        <a href="page-maintanence.html"> 维护中 </a>
                                        <a href="page-comming-soon.html"> 整理中 </a>
                                    </li>
                                </ul>

                            </li> -->
<!--                           <li> <a href="#"><i class="uil-code"></i> <span> 发展 </span> </a>
                                <ul>
                                    <li>
                                        <a href="development-elements.html"> Elements </a>
                                        <a href="development-components.html"> Components</a>
                                        <a href="development-icons.html"> Icons Pack </a>
                                    </li>
                                </ul>

                            </li> -->
                            <li> <a href="#"><i class="uil-user-circle"></i> <span> 账号 </span> </a>
                                <ul>
                                    <li>
                                        <a href="form-modern-login.html"> 登录 </a>
                                        <a href="form-modern-singup.html"> 注册 </a>
                                    </li>
                                </ul>

                            </li>
                        </ul>
                    </div>

                    <div id="foot">

                        <ul>
<!--                            <li> <a href="page-term.html"> 关于我 </a></li> -->
                            <li> <a href="page-setting.html"> 其他设置 </a></li>
                            <!-- <li> <a href="page-privacy.html"> Privacy Policy </a></li> -->
                            <!-- <li> <a href="page-term.html"> Terms - Conditions </a></li> -->
                        </ul>


                        <div class="foot-content">
                            <p>© 2021 <strong>Yhcnet</strong>. All Rights Reserved. </p>
                        </div>

                    </div>



                </div>


            </div>

        </div>

        <!-- header -->
        <div id="main_header">
            <header>

                <!-- Logo-->
                <i class="header-traiger uil-bars"
                    uk-toggle="target: #wrapper ; cls: collapse-sidebar mobile-visible"></i>

                <!-- Logo-->
                <div id="logo">
                    <a href="#"> <img src="assets/images/logo.png" alt=""></a>
                    <a href="#"> <img src="assets/images/logo-light.png" class="logo-inverse" alt=""></a>
                </div>

                <!-- form search-->
                <div class="head_search">
                    <form>
                        <div class="head_search_cont">
                            <input value="" type="text" class="form-control"
                                placeholder="请在这里输入你想搜索的关键词" autocomplete="off">
                            <i class="s_icon uil-search-alt"></i>
                        </div>

                        <!-- Search box dropdown -->
                        <div uk-dropdown="pos: top;mode:click;animation: uk-animation-slide-bottom-small"
                            class="dropdown-search">
                            <!-- User menu -->

                            <ul class="dropdown-search-list"><!-- 搜索历史 -->
                                <li class="list-title"> 最近搜索 </li>
                                <li> <a href="single-video.html"> 计算机网络 </a> </li>
                                <li> <a href="single-video.html"> 操作系统 </a>
                                </li>
                                <li> <a href="single-video.html"> Java程序设计
                                    </a> </li>
                                <li> <a href="single-video.html"> 数据结构与算法
                                         </a> </li>
                                <div class="menu-divider">
                                    <li class="list-footer"> <a href="your-history.html"> 搜索历史 </a></li>
								</div>
                            </ul>

                        </div>


                    </form>
                </div>

                <!-- user icons -->
                <div class="head_user">

                    <a href="page-pricing.html" class="btn-upgrade uk-visible@s"> <i class="uil-bolt-alt"></i> 更多</a>
                    <a href="#" class="btn-upload uk-visible@s"> <i class="uil-cloud-upload"></i> 下载</a>

                    <!-- upload dropdown box -->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications">

                        <!-- notivication header -->
                        <div class="dropdown-notifications-headline">
                            <h4>Upload Video</h4>
                        </div>

                        <!-- notification contents -->
                        <div class="dropdown-notifications-content uk-flex uk-flex-middle uk-flex-center text-center">


                            <div class="uk-flex uk-flex-column choose-upload  text-center">
                                <img src="assets/images/upload.png" width="70" class="m-auto" alt="">
                                <p class="my-3"> Do you have a video wants to share us <br> please upload her ..
                                </p>
                                <div uk-form-custom>
                                    <input type="file">
                                    <a href="#" class="button soft-primary small"> Choose file</a>
                                </div>

                                <a href="#" class="uk-text-muted mt-3 uk-link"
                                    uk-toggle="target: .choose-upload ;  animation: uk-animation-slide-right-small, uk-animation-slide-left-medium; queued: true">
                                    Or Import Video </a>
                            </div>

                            <div class="uk-flex uk-flex-column choose-upload" hidden>
                                <i class="uil-import icon-large text-muted"></i>
                                <p class="my-3"> Import videos from YouTube <br> Copy / Paste your video link here </p>
                                <form class="uk-grid-small" uk-grid>
                                    <div class="uk-width-expand">
                                        <input type="text" class="uk-input uk-form-small" placeholder="Paste link">
                                    </div>
                                    <div class="uk-width-auto"> <button type="submit" class="button soft-primary">
                                            Import </button> </div>
                                </form>
                                <a href="#" class="uk-text-muted mt-3 uk-link"
                                    uk-toggle="target: .choose-upload ; animation: uk-animation-slide-left-small, uk-animation-slide-right-medium; queued: true">
                                    Or Upload Video </a>
                            </div>



                        </div>
                        <hr class="m-0">
                        <div class="text-center uk-text-small py-2 uk-text-muted"> Your Video size Must be Maxmium 999MB
                        </div>
                    </div>


                    <!-- videos feed  -->
                    <a href="#video" class="opts_icon" uk-toggle> <i class="uil-youtube-alt"></i> <span>8</span> </a>

                    <!-- videos feed  offcanvas-->
                    <div id="video" uk-offcanvas="overlay: true ;flip: true">
                        <div class="uk-offcanvas-bar uk-width-large">

                            <h3> 推荐博文 </h3>
                            <hr class="mb-3" style="margin:0 -20px">
                            <button class="uk-offcanvas-close" type="button" uk-close></button>

                            <div class="video-list-small uk-child-width-1-1" uk-grid>

                                <div v-for="(item,index) in hot">
                                    <a :href="'single-video.html?EID='+item.eid" class="video-post video-post-list">
                                        <!-- Blog Post Thumbnail -->
                                        <div class="video-post-thumbnail">
                                            <span class="video-post-count">{{item.visited}}</span>
                                            <span class="video-post-time">No.{{index + 1}}</span>
                                            <!-- <span class="play-btn-trigger"></span> -->

                                            <img src="assets/images/video-thumbal/2.png" alt="">

                                        </div>

                                        <!-- Blog Post Content -->
                                        <div class="video-post-content">
                                            <h3> {{item.title}}</h3>
                                            <img src="assets/images/avatars/avatar-3.jpg" alt="">
                                            <span class="video-post-user">{{item.email}}</span>
                                            <span class="video-post-views">{{item.visited}} 浏览 - </span>
                                            <span class="video-post-date"> {{item.liked}} 喜欢</span>
                                        </div>
                                    </a>
                                </div>

                            </div>

                        </div>
                    </div>


                    <!-- browse apps  -->
                    <a href="#" class="opts_icon uk-visible@s"> <i class="uil-apps"></i> </a>

                    <!-- browse apps dropdown -->
                    <div uk-dropdown="pos: top;mode:click ; animation: uk-animation-scale-up" class="icon-browse">

                        <a href="#" class="icon-menu-item"> <i class="uil-shop"></i> Dashboard </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-envelope-alt"></i> Messages </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-bookmark"></i> Bookmark </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-shopping-basket"></i> Cart </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-shield-check"></i> Privacy </a>
                        <a href="#" class="icon-menu-item"> <i class="uil-bolt-alt"></i> Upgrade </a>
                        <a href="#" class="more-app"> 期待更多拓展</a>
                    </div>


                    <!-- Message  notificiation dropdown -->
                    <a href="#" class="opts_icon"> <i class="uil-envelope-alt"></i> <span>0</span> </a>

                    <!-- Message  notificiation dropdown -->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications">

                        <!-- notivication header -->
                        <div class="dropdown-notifications-headline">
                            <h4>新留言</h4>
                            <a href="#">
                                <i class="icon-feather-settings" uk-tooltip="title: Message settings ; pos: left"></i>
                            </a>
                        </div>

                        <!-- notification contents -->
                        <div class="dropdown-notifications-content" data-simplebar>

                            <!-- notiviation list -->
                            <ul>
                                <li class="notifications-not-read">
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-2.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Jonathan Madano</strong>
                                            <p>Okay.. Thanks for The Answer I will be waiting for your...</p>
                                            <span class="time-ago"> 2 hours ago </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-3.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Stella Johnson</strong>
                                            <p> Alex will explain you how to keep your videos privatly and all that...
                                            </p>
                                            <span class="time-ago"> 7 hours ago </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-1.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Alex Dolgove</strong>
                                            <p> Alia just joined Messenger! Be the first to send a
                                                welcome message..</p>
                                            <span class="time-ago"> 19 hours ago </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-avatar">
                                            <img src="assets/images/avatars/avatar-4.jpg" alt="">
                                        </span>
                                        <div class="notification-text notification-msg-text">
                                            <strong>Adrian Mohani</strong>
                                            <p> Okay.. Thanks for The Answer I will be waiting for your... </p>
                                            <span class="time-ago"> Yesterday </span>
                                        </div>
                                    </a>
                                </li>
                            </ul>

                        </div>
                        <div class="dropdown-notifications-footer">
                            <a href="#"> sell all <i class="icon-line-awesome-long-arrow-right"></i> </a>
                        </div>


                    </div>


                    <!-- notificiation icon  -->
                    <a href="#" class="opts_icon"> <i class="uil-bell"></i> <span>0</span> </a>

                    <!-- notificiation dropdown -->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications">

                        <!-- notivication header -->
                        <div class="dropdown-notifications-headline">
                            <h4>提醒 </h4>
                            <a href="#">
                                <i class="icon-feather-settings"
                                    uk-tooltip="title: Notifications settings ; pos: left"></i>
                            </a>
                        </div>

                        <!-- notification contents -->
                        <div class="dropdown-notifications-content" data-simplebar>

                            <!-- notiviation list -->
                            <ul>
                                <li class="notifications-not-read">
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-thumbs-up"></i></span>
                                        <span class="notification-text">
                                            <strong>Adrian Mohani</strong> Like Your Comment On Video
                                            <span class="text-primary">Learn Prototype Faster</span>
                                            <br> <span class="time-ago"> 9 hours ago </span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-star"></i></span>
                                        <span class="notification-text">
                                            <strong>Alex Dolgove</strong> Added New Review In Video
                                            <span class="text-primary">Full Stack PHP Developer</span>
                                            <br> <span class="time-ago"> 19 hours ago </span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-message-circle"></i></span>
                                        <span class="notification-text">
                                            <strong>Stella Johnson</strong> Replay Your Comments in
                                            <span class="text-primary">Adobe XD Tutorial</span>
                                            <br> <span class="time-ago"> 12 hours ago </span>
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="notification-icon">
                                            <i class="icon-feather-share-2"></i></span>
                                        <span class="notification-text">
                                            <strong>Adrian Mohani</strong> Like Your Comment On Video
                                            <span class="text-primary">Learn Prototype Faster</span>
                                            <br> <span class="time-ago"> Yesterday </span>
                                        </span>
                                    </a>
                                </li>
                            </ul>

                        </div>


                    </div>


                    <!-- profile -image -->
                    <a class="opts_account"> <img src="assets/images/avatars/avatar-1.jpg" alt=""></a>

                    <!-- profile dropdown-->
                    <div uk-dropdown="pos: top-right;mode:click ; animation: uk-animation-slide-bottom-small"
                        class="dropdown-notifications small">

                        <!-- User Name / Avatar -->
                        <a :href="'single-channal.html?email='+email">

                            <div class="dropdown-user-details">
                                <div class="dropdown-user-avatar">
                                    <img src="assets/images/avatars/avatar-1.jpg" alt="">
                                </div>
								<div class="dropdown-user-name">
								    你好， <span> {{email}} </span>
								</div>
                            </div>

                        </a>

                        <!-- User menu -->

                        <ul class="dropdown-user-menu">
                            <li><a href="#"> <i class="uil-bolt"></i> Go PRO</a> </li>
                            <li><a href="#"> <i class="uil-user"></i> My Channal </a> </li>
                            <li><a href="#"> <i class="uil-thumbs-up"></i> Liked Videos </a></li>
                            <li><a href="#"> <i class="uil-history"></i> Watch Later </a></li>
                            <li><a href="#"> <i class="uil-cog"></i> Account Settings</a></li>
                            <li><a href="#" style="color:#ff8400"> <i class="uil-bolt"></i> Upgrade To Premium</a> </li>
                            <li>
                                <a href="#" id="night-mode" class="btn-night-mode">
                                    <i class="icon-feather-moon"></i> Night mode
                                    <span class="btn-night-mode-switch">
                                        <span class="uk-switch-button"></span>
                                    </span>
                                </a>
                            </li>
                            <div class="menu-divider">
                                <li><a href="#"> <i class="icon-feather-help-circle"></i> Help</a>
                                </li>
                                <li v-if="logon"><a href="form-modern-login.html"> <i class="icon-feather-log-out"></i> 登 录</a>
								<li v-else><a href="#" @click="logout()"> <i class="icon-feather-log-out"></i> 退 出</a>
                                </li>
							</div>
                        </ul>


                    </div>

                </div>

            </header>

        </div>

        <!-- contents -->
        <div class="main_content">
            <div class="main_content_inner">

                <nav class="responsive-tab">
                    <ul>
                        <li class="uk-active"><a href="#"> <i class="uil-edit-alt"></i> 留言板 </a></li>
                    </ul>
                </nav>

                <div class="section-small">
                    <div class="comments mt-4">
                        <h3> 所有留言 <span class="comments-amount">{{result.length}}</span> </h3>
                    
                        <ul>
                            <li v-for="(item,index) in result">
                                <div class="avatar"><img src="assets/images//avatars/avatar-1.jpg" alt="">
                                </div>
                                <div class="comment-content">
                                    <div class="comment-by">{{item.username}} - {{item.email}} <span> {{index + 1}}楼 - {{item.date}}</span>
                                        <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                            回复</a>
                                    </div>
                                    <p> {{item.content}} </p>
                                </div>
                    
                                <!-- <ul>
                                    <li>
                                        <div class="avatar"><img src="assets/images/avatars/avatar-2.jpg" alt="">
                                        </div>
                                        <div class="comment-content">
                                            <div class="comment-by">Stella Johnson<span>Student</span>
                                                <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                                    Reply</a>
                                            </div>
                                            <p> Nam liber tempor cum soluta nobis eleifend option congue ut
                                                laoreet
                                                dolore
                                                magna aliquam erat volutpat nihil imperdiet doming id quod mazim
                                                placerat
                                                facer possim assum. Lorem ipsum dolor sit amet</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="avatar">
                                            <img src="assets/images/avatars/avatar-3.jpg" alt=""></div>
                                        <div class="comment-content">
                    
                                            <div class="comment-by">Adrian Mohani <span>Student</span>
                                                <a href="#" class="reply"><i class="icon-line-awesome-undo"></i>
                                                    Reply</a>
                                            </div>
                                            <p>tempor cum soluta nobis eleifend option congue ut laoreet dolore
                                                magna
                                                aliquam erat volutpat.</p>
                                        </div>
                    
                                    </li>
                                </ul> -->
                    
                            </li>
                    
                        </ul>
                    
                    </div>
                    
                    <div class="comments">
                        <h4>你的留言： </h4>
                        <ul>
                            <li>
                                <div class="avatar"><img src="assets/images/avatars/avatar-1.jpg" alt="">
                                </div>
                                <div class="comment-content">
                                    <form class="uk-grid-small" uk-grid>
                                        <div class="uk-width-1-2@s">
                                            <label class="uk-form-label">用户名</label>
                                            <input class="uk-input" type="text" placeholder="Name" v-model="uname">
                                        </div>
                                        <div class="uk-width-1-2@s">
                                            <label class="uk-form-label">邮箱</label>
                                            <input class="uk-input" type="text" placeholder="Email" v-model="uemail">
                                        </div>
                                        <div class="uk-width-1-1@s">
                                            <label class="uk-form-label">内容</label>
                                            <textarea class="uk-textarea" placeholder="Enter Your Comments her..."
                                                style=" height:160px" v-model="ucontent"></textarea>
                                        </div>
                                        <div class="uk-grid-margin">
                                            <input @click="addWord()" value="发表" class="button primary">
                                        </div>
                                    </form>
                    
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- footer
               ================================================== -->
                <div class="footer">
                    <div class="uk-grid-collapse" uk-grid>
                        <div class="uk-width-expand@s uk-first-column">
                            <!-- 备案号 -->
                            <div style="width:300px;margin:0 auto; padding:20px 0;">
                            	<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44098302441113" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;"><img src="assets/images/备案图标.png" alt="">粤公网安备 44098302441113号</p></a>
                            	<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">备案号：粤ICP备2021011255号</p></a>
                            </div>
                        </div>
                        <div class="uk-width-auto@s">
                            <nav class="footer-nav-icon">
                                <ul>
                                    <li><a href="#"><i class="icon-brand-github"></i></a></li>
                                    <li><a href="#"><i class="icon-brand-weibo"></i></a></li>
                                    <li><a href="#"><i class="icon-brand-qq"></i></a></li>
                                    <li><a href="#"><i class="icon-brand-weixin"></i></a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>


            </div>
        </div>


    </div>


    <!-- For Night mode -->
    <script>
        (function (window, document, undefined) {
            'use strict';
            if (!('localStorage' in window)) return;
            var nightMode = localStorage.getItem('gmtNightMode');
            if (nightMode) {
                document.documentElement.className += ' night-mode';
            }
        })(window, document);


        (function (window, document, undefined) {

            'use strict';

            // Feature test
            if (!('localStorage' in window)) return;

            // Get our newly insert toggle
            var nightMode = document.querySelector('#night-mode');
            if (!nightMode) return;

            // When clicked, toggle night mode on or off
            nightMode.addEventListener('click', function (event) {
                event.preventDefault();
                document.documentElement.classList.toggle('night-mode');
                if (document.documentElement.classList.contains('night-mode')) {
                    localStorage.setItem('gmtNightMode', true);
                    return;
                }
                localStorage.removeItem('gmtNightMode');
            }, false);

        })(window, document);
    </script>


    <!-- javaScripts
                ================================================== -->
    <script src="assets/js/framework.js"></script>
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/simplebar.js"></script>
    <script src="assets/js/main.js"></script>

	<script src="assets/vuejs/publicjs.js"></script>
	<script src="assets/vuejs/vue/vue.js"></script>
	<script src="assets/vuejs/vue/axios.min.js"></script>
	<script src="assets/vuejs/word.js"></script>
</body>

</html>